﻿<!DOCTYPE html>
<html>
<head>
    @Content.Meta("码管家—云平台")
    @RenderSection("content", false)
    <link href="~/Scripts/Bootstrap/css/bootstrap.min.css" rel="stylesheet" />
    <link href="~/Content/HomePage/swiper.min.css" rel="stylesheet" />
    <link href="~/Content/HomePage/login.css" rel="stylesheet" />
    <script src="~/Scripts/jquery-3.3.1.min.js"></script>
    @*<script src="~/Scripts/jquery.js"></script>*@
</head>
<body>
    <div class="window-head active">

        <div class="head-left">
            <img src="~/Content/HomePage/home/NB-LOGO(1).png" />
        </div>
        @*<hr style="left: 591px; width: 42px;">*@
        @*<div class="visible-lg-block">*@
            @*<ul class="swiper-pagination-clickable swiper-pagination-bullets">
                <li class="cut" data-index="1">首页</li>
                <li class="cut" data-index="2">业务</li>
                <li class="cut active" data-index="3">案例</li>
                <li class="cut" data-index="4">合作</li>
                <li class="cut" data-index="5">品质</li>
                <li class="cut" data-index="6">增值</li>
                <li class="cut" data-index="7">关于</li>
                <li class="cut" data-index="8">联系</li>
            </ul>*@



            @*<ul class="swiper-pagination-clickable swiper-pagination-bullets">
                <li style="display:flex;align-items:center;">
                    <span onclick="isShowSearch(this)" class="glyphicon glyphicon-search" style="font-size:25px;color:#FFFFFF" ></span>
                    <input type="text" class="showSearch" placeholder="请输入标签上的防伪码" />
                </li>
            </ul>*@
        @*</div>*@
        <div class="head-right">
            <div style="display:flex;align-items:center;margin-right:20px">
                <span onclick="ShowSearch(this)" class="glyphicon glyphicon-search" style="font-size:25px;color:#FFFFFF;margin-right:10px"></span>
                <input  type="text" id="FwCodeInp" class="hideSearch" placeholder="请输入标签上的防伪码" onblur="HideSearch(this)"/>
            </div>
            <a href="tel:4006-12315-3" title="4006-12315-3">
                <b>4006-12315-3</b>
            </a>
        </div>
        @*<div class="head-rights">
            <ol><li></li><li></li><li></li><li></li></ol>
        </div>*@
    </div>
    @RenderBody()
</body>
</html>

<script src="~/Scripts/Home/swiper.js"></script>
<script>
    function ShowSearch(ele) {
        if ($(ele).next('input').hasClass('showSearch') && $(ele).next('input').val()!='')
        {
            //alert('写查询代码');
            RdHomeIndex()
        }
        else {
            $(ele).next('input').removeClass('hideSearch').addClass('showSearch').val('').focus();
        }

    }
    function HideSearch(ele) {
        if($(ele).val()=='')
        {
            $(ele).removeClass('showSearch').addClass('hideSearch');
        }

    }


    var swiper = new Swiper('.swiper-container', {
        pagination: '.swiper-pagination',
        autoplay: 5000,
        loop: true,
        autoplayDisableOnInteraction: false,
        paginationClickable: true,
        onSlideChangeEnd: function (swiper) {
            if (!swiper.animating) {
                if (swiper.activeIndex == 1 || swiper.activeIndex == 4) {
                    $(".swiper-slide-active").find(".border-layer").addClass("banner-full")
                } else {
                    $(".border-layer").removeClass("banner-full")
                }
            }
        }

    });

    //		swiper.activeIndex,swiper.animating




    wfun($('.window-head ul li.active'), 1);
    $(window).resize(function () {
        that = $('.window-head ul li.active');
        if (that.length > 0) {
            wleft = that.offset().left + 15;
            wwidth = that.width() + 10;
            $('.window-head hr').css({ 'left': wleft, 'width': wwidth });
        }
    });
    $('.window-head ul').on('mouseover', 'li', function () {
        wfun($(this), 1);
    }).on('mouseout', 'li', function () {
        wfun($('.window-head ul li.active'), 2);
    });
    function wfun(that, times) {
        if (typeof (wtime) != 'undefined') clearTimeout(wtime);
        wtime = window.setTimeout(function () {
            if (that.length > 0) {
                wleft = that.offset().left + 15;
                wwidth = that.width() + 10;
                $('.window-head hr').css({ 'left': wleft, 'width': wwidth });
            }
        }, times);
    }

    function RdHomeIndex()
    {
        var FwCode = $("#FwCodeInp").val()
        @*window.location.href = "@Url.Content("/Manager/Index")";*@
        window.location.href = "https://www.tryapi.cn/zxn?" + FwCode;

    }

    

</script>